@charset "utf-8";
/* CSS Document */


body {text-align:left; letter-spacing: .05em;  color: #00406e!important;font-family:'Roboto',Tahoma,Arial,sans-serif; font-size: 16px;  margin:0;padding:0; font-weight:300;}



 .desktop

{width: 100%;
 
}

.mobile {
    display:none;
 
}
#subscr {padding:17px 0}
#subscr .input {width:130px; border:#d4d4d4 1px solid; margin:10px 0 0 0; padding:2px; vertical-align:middle; float:left}
#subscr .push {vertical-align:middle; float:left;  margin-top:10px;}
#subscr .b {height:7px}

.solutions {width: 100%;
 
}


f7 
 {}
	.f7 .odd td {border: 1px solid #d9d9d9;}


 .t5   {}	
.t5  .odd td {border-right: 1px solid red;  
    padding: 0 10px;}
.wrap32 { width: 210px;
    color: #878686;
font-size:14px;font-weight:300; line-height: 30px; }







 .wrap3
{width: 100%; color:#878686;
text-align: left;
font-size:14px;font-weight:300; line-height: 26px; }



.wrap3 a {
    color: #878686;
 
}

.wrap32 {
    color: #878686;
font-size:14px;font-weight:300; line-height: 16px
 
}
 
.wrap3 a:hover {
 
    color: #878686;
    text-decoration: underline;
 

}
select {width:45px; 
 
  
 text-align:center; 
    border: 1px solid  #999999;
    background: #ffffff;
    color:#01a19a;
      outline:none;
    display: inline-block;
 
    cursor:pointer;
}

.wrap2 {width: 100%;
 
}
.wrap9 {display:none;
 
}
.menu {height:40px;  width: 100%; 
background: linear-gradient(to right, #14436f, #00a59b);
border-bottom: 1px solid #ffffff;
color: #ffffff;
padding: 10px;
font-size:14px; 
}

.menu a {
    color: #ffffff; /* Цвет ссылки */
   } 

/* a */
a {color:#00406e; text-decoration:none;}
	a:hover {text-decoration:none;}


h1{color: #00406e; font-size:50px;font-weight:300;  padding: 0px; margin:0px;  line-height: 58px; }
h2 {color: #00406e; font-size:30px;font-weight:300;  padding: 0px; margin:0px;  line-height: 34px; }
h5 {color: #00406e; font-size:26px;font-weight:300;  padding: 0px; margin:0px;  line-height: 28px; }

#parent {
	padding: 8% 0;
}
#child {
	padding: 5% 0;
}




.hitmain {width: 76%; 
}
.translators2 {
background: linear-gradient(to right, #14436f, #00a59b);  } 


.hit
{
width: 270px;
height: 227px;
color:#ffffff;
background: linear-gradient(to bottom right, #00ab4e, #00a69c); 
text-align: center;
font-size:14px;font-weight:300; line-height: 18px; } 

.hit2
{width: 270px;
height: 227px;
color:#00406e;
text-align: center;
font-size:14px;font-weight:300; line-height: 18px; } 

.hit2:hover
{width: 270px;
height: 227px;
color:#00406e;
background: linear-gradient(to bottom right, #ffffff, #e6e7e8); 
text-align: center;
font-size:14px;font-weight:300; line-height: 18px; }

.eshop3
{ width: 100%; 

}

.desc2
{ width: 75%; max-width: 1200px;
align:center; 
} 


.eshop5
{width: 100%; 
height: 498px; 

background-image: url(demo.png);}

.responsive-box {
	position: relative;
	width: 100%; /* Произвольная ширина, которая требуется для блока */
 
 
}
.responsive-box::before {
	content: "";
	display: block;
	padding-top: 100%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}
.content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(//www.promt.ru/catalog/bg1.jpg) no-repeat center center; /* Задаем фон, если требуется */
    background-size: cover; /* Растягиваем фон под размеры блока, если требуется */
}

.calendar_table {
    width:100%;
}
.calendar_table td {
        width:50%;
}

.calendar_table td.dem {color: #ffffff; }
.calendar_table td.dem3 {background: linear-gradient(to right, #4ab867, #138c6a);}

.shoplink_container7 {
	text-align: center;
	background-color: #f6cf00;
	width: 180px;
    text-align: center;
color: #ffffff; 
font-size: 16px;
padding: 3px;
height: 18px; border-radius: 20px; line-height: 
}

.shoplink_container7 a {
	
color: #ffffff; 

}

.button

{width:120px; 
background: #00aa4d; /* Цвет фона */
border: 1px solid #00aa4d;
font-size:12px;font-weight:600; 
border-radius:20px;
text-decoration:none;
text-align: center;
color: #ffffff; l
align: center; 
    padding: 10px; /* Поля вокруг текста */        

}


.button:hover
{background: none; border-radius:20px;
width:120px; 
    padding: 10px; /* Поля вокруг текста */        
border: 1px solid #00aa4d;
text-decoration: none;
text-align: center;
color: #00aa4d;
}
 .button1

{width:120px; 
background: none; 
font-size:12px;font-weight:600; 
border: 1px solid #ffffff;
text-decoration:none; border-radius:20px;
text-align: center;
color: #ffffff;
align: center; 
    padding: 10px; /* Поля вокруг текста */        

}


.button1:hover
{background: #ffffff; border-radius:20px; 
width:120px; 
    padding: 10px; /* Поля вокруг текста */        
text-decoration: none;
text-align: center;
color: #00aa4d;
}


.buttonall

{width:250px; 
 
font-size:16px;font-weight:600; 
border: 1px solid #00406e;
text-decoration:none;
text-align: center; 
color: #00406e;
align: center; 
    padding: 10px; /* Поля вокруг текста */        
border-radius:20px;
}

.buttonall:hover

{width:250px; 
background: #00406e; /* Цвет фона */
font-size:16px;font-weight:600; 
border: 1px solid #00406e;
text-decoration:none;
text-align: center;
color: #ffffff;
align: center; border-radius:20px;
    padding: 10px; /* Поля вокруг текста */        

} .buttonm1

{width:200px; 
background: none;
font-size:16px;font-weight:600;  
border: 1px solid #ffffff;
text-decoration:none; 
text-align: center;
color: #ffffff;
align: left;   border-radius:20px;
    padding: 10px; /* Поля вокруг текста */        

}


.buttonm1:hover
{background: #ffffff;
width:200px; 
    padding: 10px; /* Поля вокруг текста */        
text-decoration: none;  border-radius:20px;
text-align: center;
color: #05b89b;
}
.button3

{width:220px; 
background: #00aa4d; /* Цвет фона */
font-size:14px;font-weight:600; border: 1px solid #00aa4d;
text-decoration:none;
text-align: center;
color: #ffffff; 
align: center;  border-radius:20px;
    padding: 10px; /* Поля вокруг текста */        

}


.button3:hover
{background: none;
width:220px; 
    padding: 10px; /* Поля вокруг текста */        
border: 1px solid #00aa4d;
text-decoration: none; 
text-align: center; border-radius:20px;
color: #00aa4d;
}

/* Блок-обертка */
#table-outer {
    position:relative; color: #00416e;
    
}
    
    /* Фоновый рисунок */
    #table-bg {
        width:100%;
        height:50%;
    }     

    /* Фон и таблица растягиваются по всей ширине и высоте блока-обертки */
    #self-table {
        position:absolute;
        left:10%;
        top:10%;
        width:80%;
        height:80%;  margin: auto;
    }

    #self-table1 {
        position:absolute;
        left:10%;
        top:10%;
        width:90%;
        height:80%;  margin: auto;
    }

    #self-table2 {
        position:absolute;
        left:0%;
        top:0%;
        width:100%;
        height:80%;  margin: auto;

    }

        /* Ячейка таблицы */
        #self-table td {
     
            text-align:center;
        }  
.biz3{
    background: url(business.png); 
    background-size: cover; /* Фон занимает всю доступную площадь */
   } 
.biz {color: #00406e; font-size:34px;font-weight:300;  padding: 0px; margin:0px;  line-height: 38px; }
.biz2 {color: #00406e; font-size:54px;font-weight:300;  padding: 0px; margin:0px;  line-height: 58px; }

.tran {color: #ffffff; font-size:34px;font-weight:300;  padding: 0px; margin:0px;  line-height: 38px; }
.tran2 {color: #ffffff; font-size:54px;font-weight:300;  padding: 0px; margin:0px;  line-height: 58px; }

.desc6
{padding-top:8%;}  
.other{color: #00406e; font-size:24px;font-weight:400;  padding: 0px; margin:0px;  line-height: 28px; }


.other2
{width: 90%; 
text-align: center;} 

.footer
{display:block; width:100%; background: linear-gradient(to right, #ffffff, #e6e7e8);} 

@media all and (min-width:800px) and (max-width:1024px) 
{body {text-align:left; color: #00406e!important;font-family:'Roboto', sans-serif; font-size: 12px;  margin:0;padding:0; font-weight:300;}
.menu {height:40px;  width: 100%; 
background: linear-gradient(to right, #14436f, #00a59b);
border-bottom: 1px solid #ffffff;
color: #ffffff;
font-size:12px; 
}

.mobile {display:none;}

h1{color: #00406e; font-size:36px;font-weight:300;  padding: 0px; margin:0px;  line-height: 40px; }   
h2 {color: #00406e; font-size:24px;font-weight:300;  padding: 0px; margin:0px;  line-height: 28px; }
.other{color: 00406e; font-size:14px;font-weight:400;  padding: 0px; margin:0px;  line-height: 16px; }
.biz {color: #00406e; font-size:24px;font-weight:300;  padding: 0px; margin:0px;  line-height: 28px; }
.biz2 {color: #00406e; font-size:34px;font-weight:300;  padding: 0px; margin:0px;  line-height: 38px; }

.wrap32 { width: 200px;
    color: #878686;
font-size:16px;font-weight:300; line-height: 14px; }
 .wrap3
{width: 100%; color:#878686; 
text-align: left;
font-size:12px;font-weight:300; line-height: 20px; }



.wrap3 a {
    color: #878686;
 
}



.buttonall

{width:250px; 
 
font-size:12px;font-weight:600; 
border: 1px solid #00406e;
text-decoration:none;
text-align: center; 
color: #00406e;
align: center; 
    padding: 5px; /* Поля вокруг текста */        
border-radius:20px;
}

.buttonall:hover

{width:250px; 
background: #00406e; /* Цвет фона */
font-size:12px;font-weight:600; 
border: 1px solid #00406e;
text-decoration:none;
text-align: center;
color: #ffffff;
align: center; border-radius:20px;
    padding: 5px; /* Поля вокруг текста */        

} .buttonm1

{width:200px; 
background: none;
font-size:12px;font-weight:600;  
border: 1px solid #ffffff;
text-decoration:none; 
text-align: center;
color: #ffffff;
align: left;   border-radius:20px;
    padding: 5px; /* Поля вокруг текста */        

}


.buttonm1:hover
{background: #ffffff;
width:200px; 
    padding: 5px; /* Поля вокруг текста */        
text-decoration: none;  border-radius:20px;
text-align: center;
color: #05b89b;
}
.button

{width:100px; 
background: #00aa4d; /* Цвет фона */
border: 1px solid #00aa4d;
font-size:12px;font-weight:600; 
border-radius:20px;
text-decoration:none;
text-align: center;
color: #ffffff; l
align: center; 
    padding: 5px; /* Поля вокруг текста */        

}


.button:hover
{background: none; border-radius:20px;
width:100px; 
    padding: 5px; /* Поля вокруг текста */        
border: 1px solid #00aa4d;
text-decoration: none;
text-align: center;
color: #00aa4d;
}

.hitmain {width: 100%;  max-width: 768px;}

.hit
{width: 225px;
height: 225px;
color:#ffffff;
background: linear-gradient(to bottom right, #00ab4e, #00a69c); 
text-align: center;
font-size:12px;font-weight:300; line-height: 18px; } 

.hit2
{width: 225px;
height: 225px;
color:#00406e;
text-align: center;
font-size:12px;font-weight:300; line-height: 18px; } 

.hit2:hover
{width: 225px;
height: 225px;
color:#00406e;
background: linear-gradient(to bottom right, #ffffff, #e6e7e8); 
text-align: center;
font-size:12px;font-weight:300; line-height: 18px;}
.desc6
{font-size:9px; padding-top:12px;}  
.other2
{width: 100%; 
text-align: center;} 
.tran {color: #ffffff; font-size:24px;font-weight:300;  padding: 0px; margin:0px;  line-height: 28px; }
.tran2 {color: #ffffff; font-size:34px;font-weight:300;  padding: 0px; margin:0px;  line-height: 38px; 
}  .wrap3
{width: 100%; color:#878686;
text-align: left;
font-size:12px;font-weight:300; line-height: 16px; ; } }

@media only screen and (max-width:799px)
{  .desktop  {display:none;}
.wrap2 {display:none;}
.wrap4 {display:none;}
.footer
{display:none;} 
.wrap
{display:none;} 
.hitmain {width: 100%;  
}
.mobile {display:block;} 
a {color:#00406e; text-decoration:none;}
	a:hover {text-decoration:none;}
h2 {color: #00406e; font-size:18px;font-weight:300;  padding: 0px; margin:0px;  line-height: 22px; }
h8 {color: #00406e; font-size:24px;font-weight:300; line-height: 42px; } 

 .menu2 { /* Навигация по сайту */
    width: 100%; /* Ширина меню */
    float: left; /* Состыковка с другим слоем по горизонтали */
   
   }
 
   .content2 { /* Основное содержание страницы */
    width: 100%; /* Ширина меню */

  float: left; 
   }
  .calendar_table {
    width:100%;
}
.calendar_table td {
        
}

	.calendar_table td.dem { width:250px;} 

.calendar_table td.dem2 {display:none;}   
.calendar_table td.dem3 {display:none;} 

/* Блок-обертка */
#table-outer {
    position:relative; color: #00416e;  
    
}
    
    /* Фоновый рисунок */
    #table-bg {
        width:100%;
        height:50%;
    }     

    /* Фон и таблица растягиваются по всей ширине и высоте блока-обертки */
    #self-table {
        position:absolute; 
        left:10%;
        top:10%;
        width:80%;
        height:80%;  margin: auto;
    }

        /* Ячейка таблицы */
        #self-table td {
     
            text-align:center;
        }  


.page-container {
  min-width: 320px;
  max-width: 609px;
  margin: 0 auto;
  padding: 0; 
  }
.page-container-inner4 {
  background-size: 100% 100%;
  background-color: #e6e7e8;
  padding: 20px;
 
  }

.page-container-inner9 {
  background-size: 100% 100%;
  background: linear-gradient(to right, #38bd7b, #24b3aa);
  padding: 20px;
color: #ffffff;
 
  }

.other{color: 00406e; font-size:24px;font-weight:300;  padding: 0px; margin:0px;  line-height: 28px}

.button

{width:100px; 
background: #00aa4d; /* Цвет фона */
border: 1px solid #00aa4d;
font-size:12px;font-weight:600; 
border-radius:20px;
text-decoration:none;
text-align: center;
color: #ffffff; l
align: center; 
    padding: 5px; /* Поля вокруг текста */        

}


.button:hover
{background: none; border-radius:20px;
width:100px; 
    padding: 5px; /* Поля вокруг текста */        
border: 1px solid #00aa4d;
text-decoration: none;
text-align: center;
color: #00aa4d;
}

.buttonall

{width:250px; 
 border-radius:20px;
font-size:12px;font-weight:600;   
border: 1px solid #00406e;
text-decoration:none;
text-align: center; 
color: #00406e;
align: center; 
    padding: 10px; /* Поля вокруг текста */        

}

.buttonall:hover

{width:250px;  border-radius:20px;
background: #00406e; /* Цвет фона */
font-size:12px;font-weight:600;   
border: 1px solid #00406e;
text-decoration:none;
text-align: center;
color: #ffffff;
align: center; 
    padding: 10px; /* Поля вокруг текста */        

}


.buttonm

{width:200px; border-radius:20px;
background: #05b89b; /* Цвет фона */
font-size:14px;font-weight:600;   
border: 1px solid #05b89b;
text-decoration:none;
text-align: center;
color: #ffffff;
align: center; 
    padding: 10px; /* Поля вокруг текста */        

}


.buttonm:hover
{background: none;  
width:200px; border-radius:20px;
    padding: 10px; /* Поля вокруг текста */        
border: 1px solid #05b89b;
text-decoration: none;
text-align: center;
color: #05b89b;
}

.buttonm1

{width:200px; 
background: none; border-radius:20px;
font-size:14px;font-weight:600; 
border: 1px solid #ffffff;
text-decoration:none;
text-align: center;
color: #ffffff;
align: center; 
    padding: 10px; /* Поля вокруг текста */        

}


.buttonm1:hover
{background: #ffffff; border-radius:20px;
width:200px; 
    padding: 10px; /* Поля вокруг текста */        
text-decoration: none;
text-align: center;
color: #05b89b;
} 


.buttonall2

{width:250px; 
background: #00aa4d; /* Цвет фона */  border-radius:20px;
font-size:14px;font-weight:600; 
border: 1px solid #00aa4d;
text-decoration:none;
text-align: center;
color: #ffffff;
align: left; 
    padding: 10px; /* Поля вокруг текста */        

}

.buttonall2:hover

{width:250px; border-radius:20px;
background: #ffffff; /* Цвет фона */ 
font-size:14px;font-weight:600; 
border: 1px solid #00aa4d;
text-decoration:none;
text-align: center;
color: #00aa4d;
align: left; 
    padding: 10px; /* Поля вокруг текста */        

}
 

.menu {
    position: fixed; /* Фиксированное положение */
   top:0px !important;
 right: 0px; /* Расстояние от правого края окна браузера */
left: 0px; 
    padding: 0px; /* Поля вокруг текста */ 
background: linear-gradient(to right, #14436f, #00a59b);
   height:40px; font-size: 16px; 
border-bottom: 1px solid #ffffff;
width:100%;
z-index:10;  float:left;  
   }
} 

 .menuh {width: 100%; max-width: 609px;  height:40px; 
background: linear-gradient(to right, #14436f, #00a59b);
}
.demo {width: 100%px; max-width: 609px;  font-size:12px;
height: 500px; color:#ffffff; padding: 18px; /* Поля вокруг текста */        
background: linear-gradient(to top right, #00a69c, #6cbae8);
}
.hide { display: none; }
.page {height:280px; border: 0px solid; }


.start {width: 280px;
height: 280px;
background: linear-gradient(to top right, #e8f8f9, #d1d3e7);
}

.master{width: 280px;
height: 280px;
background: linear-gradient(to top right, #e7f8fa, #b2e4d3);
}
.lite {width: 280px;
height: 280px;
background: linear-gradient(to top right, #e7f8fa, #b2e7fa);
}




h1{font-size:36px;font-weight:300;  line-height: 36px}

#subscr {padding:17px 0}
#subscr .input {width:130px; border:#d4d4d4 1px solid; margin:10px 0 0 0; padding:2px; vertical-align:middle; float:left}
#subscr .push {vertical-align:middle; float:left;  margin-top:10px;}
#subscr .b {height:7px}


#popup {
  display: table;
  position: fixed; top: 0; left: 0;

  z-index: 100;
  height: 100%;
  width: 100%;
  visibility: hidden;
  animation: animaciya 1s 1s forwards; /* 5s - это количество секунд по истечении которых появляется сообщение */ 
  cursor: pointer;
}
@keyframes animaciya {   
  from {visibility: hidden;}  
  to {visibility: visible;} 
}
#popup figure {
  display: table-cell;
  vertical-align: middle;
}
#popup div, #popup figcaption, #popup figure:before {
  max-width: 415px; /* максимальная ширина */    
  background-image: url(bg2.jpg);     
     background-size: 100%;
 
}
#popup figure:before { /* стиль кнопки "закрыть" */ 
  display: block; 
 content: url(MP_32.png);
    text-align: right;
 
 
}
#popup div, #popup figcaption { 
  cursor: default;
}
#popup figcaption {
  position: relative;   
  font-size: 150%;
  text-transform: uppercase;

}

#popup div {    

}
 


}